<template>
  <div class="student">
    <h1>学生姓名:{{ name }}</h1>
    <h1>学生年龄:{{ age }}</h1>
    <button @click="sendStudentName">把学生名发送给App</button>
    <!-- 自定义事件在谁身上就去它身上解绑 -->
    <button @click="unbind">解绑自定义事件</button>
  </div>
</template>

<script>
export default {
  name: "Student",
  data() {
    return {
      name: "成都信息工程大学",
      age: 18,
    };
  },
  methods: {
    sendStudentName() {
      //触发Student组件实例(vc)身上的atguigu事件，后面写要传的参数
      this.$emit("atguigu", this.name, 666, 888, 999);
    },
    unbind() {
      this.$off("atguigu"); //解绑一个自定义事件,若解绑多个事件则将事件放在数组中['atguigu','demo',...],不传参默认解绑所有自定义事件
    },
  },
};
</script>

<style>
.student {
  background-color: aqua;
  margin-top: 30px;
}
</style>